<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
	<title>app</title>
	<link rel="stylesheet" href="../../public/plugin/weui/weui.min.css">
	<link rel="stylesheet" href="../../public/plugin/weui/jquery-weui.min.css">
	<link rel="stylesheet" href="../../public/css/global.css">
	<link rel="stylesheet" href="../css/transportDetail.css">
</head>
<body>
	<div class="page">
	    <header class="page__hd">
	    	<a class="weui-cell__hd" href="index.html">
	    		<i class="i-goback"></i>
            </a>
	       <div class="weui-cell__bd">
	       		运输量明细
            </div>
            <a href="javascript:void(0);" class="weui-cell__ft">
            	<i class="i-add"></i>
            </a>
	    </header>
	    <div class="page__bd">
	    	<!-- 搜索 -->
		    <div class="m-searchBarWrap">
	    		<!-- 输入文本：增加class:weui-search-bar_focusing -->
	    		<div class="weui-search-bar" id="searchBar">
	    	        <form class="weui-search-bar__form">
	    	            <div class="weui-search-bar__box">
	    	                <i class="weui-icon-search"></i>
	    	                <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入客户名称/提货单位" required="">
	    	                <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
	    	            </div>
	    	            <label class="weui-search-bar__label" id="searchText">
	    	                <i class="weui-icon-search"></i>
	    	                <span>请输入客户名称/提货单位</span>
	    	            </label>
	    	        </form>
	    	        <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
	    	    </div>
	    	    <!-- 搜索结果:取消f-dn则显示 -->
	    	    <div class="weui-cells searchbar-result f-dn" id="searchResult">
	    	        <div class="weui-cell weui-cell_access">
	    	            <div class="weui-cell__bd weui-cell_primary">
	    	                <p>实时搜索文本</p>
	    	            </div>
	    	        </div>
	    	        <div class="weui-cell weui-cell_access">
	    	            <div class="weui-cell__bd weui-cell_primary">
	    	                <p>实时搜索文本</p>
	    	            </div>
	    	        </div>
	    	        <div class="weui-cell weui-cell_access">
	    	            <div class="weui-cell__bd weui-cell_primary">
	    	                <p>实时搜索文本</p>
	    	            </div>
	    	        </div>
	    	        <div class="weui-cell weui-cell_access">
	    	            <div class="weui-cell__bd weui-cell_primary">
	    	                <p>实时搜索文本</p>
	    	            </div>
	    	        </div>
	    	    </div>
		    </div>
		    <div class="resultWrap">
				<div class="resultBox">
					<div class="resultTit">
						<div class="date fw">2017.12.14</div>
						<div class="unit fc9">单位：吨</div>
					</div>
					<div class="items">
						<div class="itemsTit">
							<div class="type f-fl"><span class="typeDes"></span><span class="typeTit">热轧</span></div>
							<div class="opDan f-fl"><span class="opDanDes">开单</span><span class="opDanTit">947.11</span></div>
							<div class="getGoods f-fl"><span class="gGdes">提货</span><span class="getGoodsTit">947.11</span></div>
						</div>
						<div class="itemsLi">
							<p>
								<span  class="tit">客户名称</span>
								<span>吉林远通</span>
							</p>
							<p>
								<span  class="tit">提货单位</span>
								<span>吉林远通</span>
							</p>
							<div class="itemsLeft f-fl">
								<p>
									<span  class="tit">开单量</span>
									<span>300</span>
								</p>
								<p>
									<span  class="tit">提货量</span>
									<span>300</span>
								</p>
							</div>
							<div class="itemsRight f-fl">
								<p>
									<span class="tit">提货日期</span>
									<span>2017.12.14</span>
								</p>
								<p>
									<span  class="tit">剩余</span>
									<span>0</span>
								</p>
							</div>
						</div>
					</div>


					<div class="items">
						<div class="itemsTit">
							<div class="type f-fl"><span class="typeDes"></span><span class="typeTit">高线</span></div>
							<div class="opDan f-fl"><span class="opDanDes">开单</span><span class="opDanTit">460</span></div>
							<div class="getGoods f-fl"><span class="gGdes">提货</span><span class="getGoodsTit">460</span></div>
						</div>
						<div class="itemsLi">
							<p>
								<span  class="tit">客户名称</span>
								<span>吉林远通</span>
							</p>
							<p>
								<span  class="tit">提货单位</span>
								<span>吉林远通</span>
							</p>
							<div class="itemsLeft f-fl">
								<p>
									<span  class="tit">开单量</span>
									<span>300</span>
								</p>
								<p>
									<span  class="tit">提货量</span>
									<span>300</span>
								</p>
							</div>
							<div class="itemsRight f-fl">
								<p>
									<span class="tit">提货日期</span>
									<span>2017.12.14</span>
								</p>
								<p>
									<span  class="tit">剩余</span>
									<span>0</span>
								</p>
							</div>
						</div>


						<div class="itemsLi">
							<p>
								<span  class="tit">客户名称</span>
								<span>吉林远通</span>
							</p>
							<p>
								<span  class="tit">提货单位</span>
								<span>吉林远通</span>
							</p>
							<div class="itemsLeft f-fl">
								<p>
									<span  class="tit">开单量</span>
									<span>300</span>
								</p>
								<p>
									<span  class="tit">提货量</span>
									<span>300</span>
								</p>
							</div>
							<div class="itemsRight f-fl">
								<p>
									<span class="tit">提货日期</span>
									<span>2017.12.14</span>
								</p>
								<p>
									<span  class="tit">剩余</span>
									<span>0</span>
								</p>
							</div>
						</div>


						<div class="itemsLi">
							<p>
								<span  class="tit">客户名称</span>
								<span>吉林远通</span>
							</p>
							<p>
								<span  class="tit">提货单位</span>
								<span>吉林远通</span>
							</p>
							<div class="itemsLeft f-fl">
								<p>
									<span  class="tit">开单量</span>
									<span>300</span>
								</p>
								<p>
									<span  class="tit">提货量</span>
									<span>300</span>
								</p>
							</div>
							<div class="itemsRight f-fl">
								<p>
									<span class="tit">提货日期</span>
									<span>2017.12.14</span>
								</p>
								<p>
									<span  class="tit">剩余</span>
									<span>0</span>
								</p>
							</div>
						</div>

					</div>



					<div class="items">
						<div class="itemsTit">
							<div class="type f-fl"><span class="typeDes"></span><span class="typeTit">精棒线</span></div>
							<div class="opDan f-fl"><span class="opDanDes">开单</span><span class="opDanTit">320</span></div>
							<div class="getGoods f-fl"><span class="gGdes">提货</span><span class="getGoodsTit">320</span></div>
						</div>
						<div class="itemsLi">
							<p>
								<span  class="tit">客户名称</span>
								<span>吉林远通</span>
							</p>
							<p>
								<span  class="tit">提货单位</span>
								<span>吉林远通</span>
							</p>
							<div class="itemsLeft f-fl">
								<p>
									<span  class="tit">开单量</span>
									<span>300</span>
								</p>
								<p>
									<span  class="tit">提货量</span>
									<span>300</span>
								</p>
							</div>
							<div class="itemsRight f-fl">
								<p>
									<span class="tit">提货日期</span>
									<span>2017.12.14</span>
								</p>
								<p>
									<span  class="tit">剩余</span>
									<span>0</span>
								</p>
							</div>
						</div>

					</div>

				</div>
		    </div>
	    </div>
	</div>
	
	<script src="../../public/plugin/jquery.min.js"></script>
	<script src="../../public/plugin/weui/jquery-weui.min.js"></script>
	<script src="../../public/js/global.js"></script>
</body>
<script type="text/javascript">
	/*window.onload = function(){
		var u = navigator.userAgent;
		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		if(isiOS==true&&isAndroid==false){
			$('.page__hd').css('top','.2rem');
			$('.page__bd').css('padding-top','.6rem');
			$('.m-searchBarWrap').css('top','.6rem');
			$('.resultWrap').css('top','1.04rem');
		}
	}*/
</script>
</html>